<!-- @@@title: Imgbot - Free image optimization for students@@@ -->

<nav class="navbar navbar-light bg-white navbar-expand-lg fixed-top border-bottom">
    <a class="navbar-brand" href="/">
        <img width="135" alt="Imgbot" src="/images/imgbot.svg" />
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav ml-auto align-items-center">
            <li class="nav-item">
                <a class="nav-link mb-0" href="/docs">Documentation</a>
            </li>
            <li class="nav-item">
                <a class="nav-link mb-0" href="/app">Log in</a>
            </li>
            <li class="nav-item ml-3">
                <a class="btn btn-primary" href="https://github.com/marketplace/imgbot">Try for free</a>
            </li>
        </ul>
    </div>
</nav>

<div class="container-hero container-ties">
    <div class="container">
        <div class="row">
            <div class="col">
                <h1>
                    <img width="120" src="/images/128x128_circle.png" alt="Imgbot logo" />
                    +
                    <img width="120" src="/images/github-pack.png" alt="Backpack with GitHub logo" />
                </h1>
                <h1>Free image optimization for students</h1>
            </div>
        </div>
        <div class="row justify-content-md-center">
            <div class="col col-md-9">
                <h3>Don't spend another second worrying about compressing your images. Students can install Imgbot for free in all public and private projects. No strings attached.</h3>
            </div>
        </div>
        <div class="row justify-content-md-center mt-4">
            <div class="col col-md-8">
                <a class="btn btn-primary" href="https://github.com/apps/imgbot/installations/new">Install Imgbot</a>
                <br><br>
                <a href="https://github.com/marketplace/imgbot"><small>Not a student? Sign up here</small></a>
            </div>
        </div>
        <div class="row justify-content-center mt-5">
            <div class="col-lg-8 mt-3">
                <img alt="An Imgbot pull request example on GitHub" class="pr" src="/images/pr1.png">
            </div>
        </div>
    </div>
</div>

<div class="container-spaced container-light">
    <div class="container container-howitworks" aria-label="How it works">
        <div class="row text-center mt-5">
            <div class="col-sm">
                <a href="https://github.com/marketplace/imgbot"><img alt="" src="/images/icon.svg" width="100" /></a>
                <h3>1. Install</h3>
                <p>
                    Install Imgbot from the GitHub marketplace into your projects with the
                    click of a button.
                </p>
            </div>
            <div class="col-sm">
                <img alt="" src="/images/merge.svg" width="70" />
                <h3>2. Merge</h3>
                <p>
                    Imgbot will send you your first pull request optimizing all of the
                    images that it can find.
                </p>
            </div>
            <div class="col-sm">
                <img alt="" src="/images/flame.svg" width="70" />
                <h3>3. Win</h3>
                <p>
                    Imgbot watches for new images in your repository and opens more pull
                    requests.
                </p>
            </div>
        </div>
        <div class="row justify-content-center mt-5">
            <small>If you need any help at any time, contact <a href="mailto:help@imgbot.net">help@imgbot.net</a></small>
        </div>
    </div>
</div>

<div class="container-spaced">
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <h2>Why should I optimize my images?</h2>
                <p>
                    Whatever it is you are working on, it is worth it to reduce the size of your image files.
                    When your image file size is smaller, your bandwidth is reduced letting you do more with less.
                </p>
            </div>
            <div class="col-md offset-md-1">
                <img src="/images/devices.svg" alt="" />
            </div>
        </div>
    </div>
</div>

<div class="container-spaced container-light">
    <div class="container">
        <div class="row">
            <div class="col-md text-center">
                <img width="220" src="/images/github-pack.png" alt="Backpack with GitHub logo" />
            </div>
            <div class="col-md-7 offset-md-1">
                <h2>What is the GitHub Student Developer Pack?</h2>
                <p>
                    The GitHub Student Developer Pack is a program created by GitHub that helps students learn through
                    doing by giving them free access to the best developer tools in one place.
                    <a href="https://education.github.com/pack?utm_source=github+imgbot">Find out more here</a>.
                </p>
            </div>
        </div>
    </div>
</div>

<div class="container-spaced container-hero">
    <div class="container text-center">
        <div class="row">
            <div class="col">
                <h2>See why more than 150,000 projects rely on Imgbot</h2>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col">
                <a class="btn btn-primary" href="https://github.com/apps/imgbot/installations/new">Install Imgbot</a>
                <br><br>
                <a href="https://github.com/marketplace/imgbot"><small>Not a student? Sign up here</small></a>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="container pt-5">
        <div class="row justify-content-center">
            <div class="col-lg-3">
                <h3>Imgbot</h3>
                <ul>
                    <li><a href="/app">Log in</a></li>
                    <li>
                        <a href="https://github.com/marketplace/imgbot#pricing-and-setup">Pricing</a>
                    </li>
                    <li>
                        <a href="https://github.com/marketplace/imgbot">Install</a>
                    </li>
                    <li>
                        <a href="/info">Request more info</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-3">
                <h3>Help</h3>
                <ul>
                    <li>
                        <a href="https://github.com/dabutvin/Imgbot/issues">Open an issue</a>
                    </li>
                    <li><a href="mailto:help@imgbot.net">Contact support</a></li>
                    <li><a href="/docs">Documentation</a></li>
                    <li>
                        <a href="https://github.com/dabutvin/Imgbot">Read the code</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-3">
                <h3>Policies</h3>
                <ul>
                    <li><a href="/privacy">Privacy policy</a></li>
                    <li><a href="/terms">Terms of Service</a></li>
                    <li><a href="/incident-response">Incident Response</a></li>
                    <li>
                        <a href="/vulnerability-management">Vulnerability Management</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-11 col-lg offset-lg-1">
                <p>
                    <img alt="" src="/images/128x128_circle.png" width="30" />
                    Imgbot &copy; 2017-2022
                </p>
            </div>
            <div class="col-11 col-lg">
                <p>Design by <a href="http://eliselivingston.design">Elise Livingston</a>
                </p>
            </div>
            <div class="col-11 col-lg">
                <p>
                    Illustrations by <a href="http://undraw.co">undraw.co</a>
                </p>
            </div>
        </div>
    </div>
</footer>
